<md-input-container class="md-block">
  <label>快速搜索</label>
  <input md-input (input)="q=$event.target.value;getHeroes();">
</md-input-container>
<md-list>
  <md-subheader class="md-no-sticky">英雄列表</md-subheader>
  <md-list-item class="md-2-line item-2-inline" *ngFor="let hero of Heroes">
    <img [src]="hero.avatar" class="md-avatar" [alt]="hero.name"/>
    <div class="md-list-item-text" [routerLink]="['ChampionDetail',{'id':hero.id}]">
      <h3>{{ hero.cnNickName }}&nbsp;{{ hero.cnName }}</h3>
      <p>{{ hero.name | uppercase}}</p>
    </div>
  </md-list-item>
</md-list>
